﻿@model XW.Data.SysMenu
@{
    Layout = "_LayoutEdit";
}

@section css {
    <style>
        body { background-color: #ffffff; }
    </style>
}
<form id="frm" action="~/sys/menu/save" method="post">
    <input type="hidden" name="id" value="@Model.Id" />
    <table cellpadding="0">
        <tr>
            <td class="xxui-label" data-options="required:true" for="Name">菜单名</td>
            <td>
                <input id="Name" type="text" name="Name" class="xxui-validatebox textbox" data-options="prompt:'填写菜单的名称',required:true" placeholder="请输入菜单名" value="@Model.Name">
            </td>
        </tr>
        <tr>
            <td class="xxui-label" for="Icon">图标</td>
            <td>
                <input id="Icon" type="text" name="Icon" class="textbox" placeholder="请输入图标" data-options="prompt:'请输入图标'" value="@Model.Icon"> 
            </td>
            <td>
                填写图标。
            </td>
        </tr>
        <tr>
            <td class="xxui-label" for="Url">链接</td>
            <td>
                <input id="Url" type="text" name="Url" placeholder="请输入链接" value="@Model.Url" class="textbox" data-options="prompt:'填写菜单的链接'">
            </td>
            <td>
                填写菜单的链接。
            </td>
        </tr>
        <tr>
            <td class="xxui-label" data-options="required:true" for="permission">权限标识</td>
            <td>
                <input id="permission" type="text" name="permission" placeholder="请输入权限标识" value="@Model.permission" class="textbox" data-options="prompt:'填写权限标识',required:true">
            </td>
            <td>
                填写权限标识。
            </td>
        </tr>
        <tr>
            <td class="xxui-label" data-options="required:true"  for="IsShow">是否显示</td>
            <td>
                <input class="xxui-radio" type="radio" label="隐藏" name="IsShow" id="IsShow" value="0" data-options="required:true" @(Model.IsShow == 0 ? "checked" : "")>
                <input class="xxui-radio" type="radio" label="显示" name="IsShow" id="IsShow" value="1" data-options="required:true" @(Model.IsShow == 1 ? "checked" : "")>  
            </td>
            <td>
                填写菜单的是否显示。
            </td>
        </tr>
        <tr>
            <td class="xxui-label"  for="ParentId">父菜单</td>
            <td>
                <input id="ParentId" class="xxui-combotree" type="text" name="ParentId" placeholder="请选择父菜单名" value="@Model.ParentId"  data-options="prompt:'请选择父菜单名'">
            </td>
            <td>
                填写父菜单名。
            </td>
        </tr>
        <tr>
            <td class="xxui-label" for="Remark">备注</td>
            <td> 
                <textarea id="Remark" class="xxui-textbox" type="text" name="Remark" placeholder="请输入备注" size="12" rows="2" style="height:45px;" data-options="prompt:'请选择父菜单名',multiline:true">@Model.Remark</textarea>
            </td>
            <td>
                请输入备注。
            </td>
        </tr>
        <tr>
            <td class="xxui-label" for="ParentId">菜单类型</td>
            <td>
                @{
                    var menutypes = new List<SelectListItem>
                                {

                                new SelectListItem{ Text="菜单", Value ="0", Selected = Model.MenuType == 0 },
                                new SelectListItem{ Text="按钮", Value ="1", Selected = Model.MenuType == 1 },
                                };
                }
                <select asp-for="MenuType" id="MenuType" class="xxui-combobox"   name="MenuType" asp-items="menutypes" data-options="blurValidValue:true,enterNullValueClear:false,prompt:'请选择菜单类型'">
                </select> 
            </td>
            <td>
                填写父菜单名。
            </td>
        </tr>
        <tr>
            <td class="xxui-label" for="Status">状态</td>
            <td>
                 
                <input class="xxui-radio" type="radio" name="Status" value="0" label="启用" @(Model.Status == 0 ? "checked" : "")>
                <input class="xxui-radio" type="radio" name="Status" value="1" label="禁用" @(Model.Status == 1 ? "checked" : "")>
            </td>
            <td>
                选择菜单的状态。
            </td>
        </tr>
        <tr>
            <td class="xxui-label" for="JsMethod">js 方法</td>
            <td>
                <textarea id="JsMethod" class="xxui-textbox" size="12" rows="2" style="height:45px;" type="text" name="JsMethod" placeholder="请输入js 方法" value="@Model.JsMethod" data-options="prompt:'请输入js 方法',multiline:true">@Model.JsMethod
                    </textarea>
            </td>
            <td>
                请输入js 方法。
            </td>
        </tr>
        <tr>
            <td class="xxui-label" for="Sort">排序</td>
            <td>
                <input id="Sort" class=" xxui-textbox textbox" type="text" name="Sort" placeholder="请输入排序" value="@Model.Sort" data-options="prompt:'请输入排序'">
            </td>
            <td>
                填写菜单的排序。
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <a class="showicon xxui-linkbutton" data-options="iconCls:'icon-close'" onclick="return onCloseTab()">关闭</a>
                <a class="showicon xxui-linkbutton" data-options="iconCls:'icon-save'" onclick="return onSave()">保存</a>
            </td>
            <td></td>
        </tr>
    </table>
</form>

@section js {

    <script type="text/javascript"> 
        $(document).ready(function(){
            // console.log('dddddddddd');
            $("#frm").form({
                success:function(d){
                    var d = $.parseJSON(d); 
                    if (d.resultCode == "200") {
                        var l = parent.layer;
                        $.messager.alert('Info', '保存成功', 'info');
                       // miniAdmin.topSuccess('保存成功');
                        var iframeIndex = l.getFrameIndex(window.name);
                        l.close(iframeIndex);
                    } else {
                        $.messager.alert('Error', d.message, 'error');
                       // miniAdmin.topError(d.message);
                    }
                    
                }
            });

            var parent_combotree = $XUI.combotree('#ParentId',{
                enterNullValueClear:false,
                blurValidValue:true,
                url: '@(Url.Content("~/sys/menu/AllList"))',
                                customAttr:{
                              dataModel: 'simpleData',
                              idField:'id',
                              textField: 'name',
                               iconField: 'icon',
                              parentField: 'parentId',
            }});
            // $.ajax({
            //     url: '@(Url.Content("~/sys/menu/AllList"))',
            //     method: 'post',
            //     contentType: 'application/json',
            //     data:{},
            //     success: function (d) {
            //         console.log('ParentId', $("#ParentId").data("value"));
            //         var datas = d.data.map(d=>{
            //             return {id:d.id,parentId:d.parentId,name:d.name,icon:d.icon};
            //         }) 
            //         parent_combotree.customAttr
            //         combotree.render({
            //             elem: '#ParentId'
            //             , isMultiple: false
            //             , expandLevel: 2
            //             , yChkboxType: 's'
            //             , nChkboxType: 's'
            //             , idKey: "id"
            //             , data: datas
            //             ,initValue :$("#ParentId").data("value")
            //         });
            //         combotree.setValue('divParentId', )
            //     },
            //     error: function (e) {
            //         console.log(e);
            //          parent.layer.close(loadIndex);
            //     }
            // });

        });
        @*
        layui.use(['form','combotree','miniAdmin'], function () {
            var form = layui.form,
                layer = layui.layer,
                util = layui.util,
                combotree = layui.combotree,
                miniAdmin = layui.miniAdmin,
                $ = layui.$;
            $.ajax({
                url: '@(Url.Content("~/sys/menu/AllList"))', 
                method: 'post',
                contentType: 'application/json',
                data:{},
                success: function (d) {
                    // console.log('ParentId', $("#ParentId").data("value"));
                    var datas = d.data.map(d=>{
                        return {id:d.id,parentId:d.parentId,name:d.name,icon:d.icon};
                    })

                    combotree.render({
                        elem: '#ParentId'
                        , isMultiple: false
                        , expandLevel: 2
                        , yChkboxType: 's'
                        , nChkboxType: 's'
                        , idKey: "id" 
                        , data: datas
                        // ,initValue :$("#ParentId").data("value")
                    });
                    // combotree.setValue('divParentId', )
                },
                error: function (e) {
                    // console.log(e);
                    layer.close(loadIndex);
                }
            });
           
            util.on('lay-on', {
                'form-colose': function(othis){
                  var l = parent.layer; 
                  var iframeIndex = l.getFrameIndex(window.name);
                  l.close(iframeIndex);
                },
            });
            //监听提交
            form.on('submit(saveBtn)', function (data) {
                var loadIndex = layer.load(3);
                $.ajax({
                    url: '@(Url.Content("~/sys/menu/save"))',
                    data: data.field,
                    method: 'post',
                    success: function (d) {
                        // console.log(d);
                        // l.destroy();
                        layer.close(loadIndex);
                        if (d.resultCode == "200") {
                            var l = parent.layer;
                            miniAdmin.topSuccess('保存成功');
                            var iframeIndex = l.getFrameIndex(window.name);
                            l.close(iframeIndex);
                        } else {
                            miniAdmin.topError(d.message);
                        }
                        // alert(d)
                    },
                    error: function (e) {
                        // console.log(e);
                        layer.close(loadIndex);
                    }
                });

                // var index = layer.alert(JSON.stringify(data.field), {
                //     title: '最终的提交信息'
                // }, function () {

                //     关闭弹出层
                //     layer.close(index);

                //     var iframeIndex = parent.layer.getFrameIndex(window.name);
                //     parent.layer.close(iframeIndex);

                // });

                return false;
            });

        });
        *@
        function onCloseTab(){
            console.log('onCloseTab');
            var l = parent.layer;
            var iframeIndex = l.getFrameIndex(window.name);
            l.close(iframeIndex);
            return false;
        }
        function onSave(){
             $("#frm").submit();
            return false;
        }
    </script>
} 